Welcome to BotSailor Help! Just use the email OTP to sign in and track your tickets. Password login isn’t needed anymore.

How to Send Automated WhatsApp Messages from Elementor Form Submissions in BotSailor

In today's fast-paced digital world, speedy response is everything.
When someone fills out your website form, they expect an instant acknowledgment or next step waiting kills conversion.

That’s why BotSailor empowers you to automatically send personalized WhatsApp messages immediately after a form submission through your Elementor website forms.

With this integration:

  • You capture leads instantly.
  • Nurture potential customers without manual work.
  • Deliver a seamless and professional experience straight to their WhatsApp inbox.

Let’s explore how easy it is to set up!

Why Automate WhatsApp Messages from Elementor Forms?

 

  • Instant Engagement: Welcome leads or confirm bookings immediately without manual intervention.
  • Better Customer Experience: Show professionalism and build trust by responding quickly.
  • Higher Sales Conversions: Immediate response = faster decision-making = higher revenue.
  • 24/7 Automation: Never miss a lead even when your team is offline.
  • Data Consistency: Automatically log user info into your CRM, Sheet, or bot system.

βœ… If you value every website lead, automating WhatsApp follow-up is a must!

Sending WhatsApp Messages from Elementor Forms via BotSailor

Step 1: Create a WhatsApp Message Template

Since WhatsApp restricts free-text messages outside the 24-hour window, you must first prepare and approve a WhatsApp Message Template inside BotSailor.

Here’s how:

 

  • Go to BotSailor Dashboard → WhatsApp → Template Manager.
  • Click Create New Template.

 

 

  • Write your message in a professional yet friendly tone. Example:
    "Hi {{name}}, thanks for reaching out! Our team will get back to you shortly. Stay connected! "
  • Add variables (e.g., {{name}}, {{service}}) where you want dynamic personalization.
  • Submit the template for WhatsApp approval.

βœ… Important: Only approved templates can be used for automated messages.

 

Step 2: Generate a Webhook Workflow in BotSailor

 

After you have a template ready:

 

  • Navigate to BotSailor → Whatsapp → Webhook Workflow
  • Click on Create New Webhook.
  • Choose the WhatsApp channel where you want to send messages.
  • Select your approved template.
  • Save the Webhook campaign
  • Copy the Webhook URL generated by BotSailor.

 

 

βœ… This URL is where your Elementor form will send submitted data.

 

Step 3: Set Up the Webhook Action in Elementor Form

Now go to your WordPress site:

 

  • Edit the page containing your Elementor Form.
  • Click on the Form widget to edit settings.
  • In Actions After Submit, add a new action called Webhook.

 

  • Open the Webhook settings inside the form.
  • Paste the Webhook URL you copied from BotSailor.

 

 

βœ… From now on, every form submission will fire a webhook call to BotSailor!

Step 4: Map Your Form Fields Properly

Inside Elementor:

 

Make sure you collect essential fields:

  • WhatsApp Number
  • Name
  • Service interest, inquiry type, etc. (Optional)

 

 

BotSailor needs to match these fields with the WhatsApp template placeholders.

πŸ“Œ Pro Tip : Keep field labels clean and consistent between Elementor and BotSailor mappings.

Step 5: Test the Setup

 

βœ… Submit a test form on your website.

βœ… If everything is correctly mapped:

  • The form data will reach BotSailor.

 

  • The WhatsApp message will be triggered and sent to the user instantly.
  • If it doesn't work, check:
  • Form field names.
  • Webhook URL correctness.
  • WhatsApp template approval status.

Final Checklist Before Going Live

  • βœ… WhatsApp Template approved and active.
  • βœ… Webhook created and mapped inside BotSailor.
  • βœ… Elementor form connected with the webhook.
  • βœ… Fields mapped correctly (especially phone number)
  • βœ… Test message sent successfully.

Use Cases: Where This Automation Shines

 

●       Lead Capture

As soon as someone signs up, automatically send a personalized WhatsApp message thanking them and telling them what’s next.

●       Service Inquiry Forms

After a service request form is submitted, send an instant WhatsApp acknowledgment assuring the customer that help is on the way.

 

●       Booking / Appointment Forms

When someone books a slot for consultation, class, or event, confirm the appointment immediately with date, time, and contact info.

●       Order Confirmation

If you are selling products via form submissions, send an instant order confirmation to the buyer through WhatsApp.

Key Benefits of Connecting Elementor Forms with BotSailor for WhatsApp Messaging

  • πŸš€ Capture and engage leads faster.
  • πŸš€ Deliver an ultra-responsive customer experience.
  • πŸš€ Personalize every interaction automatically.
  • πŸš€ Grow your WhatsApp subscriber list passively.
  • πŸš€ Reduce no-shows for bookings and appointments.

 

 

FAQ

 

Do I need a WhatsApp template to send automated messages from Elementor forms?
Yes, WhatsApp requires all outbound messages outside the 24-hour window to use pre-approved message templates. You must create and get your template approved inside BotSailor before triggering it through a form.

 

What if my WhatsApp template isn’t approved yet?
You won’t be able to send messages using that template until Meta approves it. Make sure to submit it with clear content and add any required variables correctly. Approval typically takes 1–2 business days.

 

Can I include the user’s name, service type, or other info inside the WhatsApp message?
Absolutely. Use dynamic placeholders (like {{name}}, {{service}}) in your WhatsApp template and map the Elementor form fields to those placeholders in the webhook workflow setup.

 

How do I find the WhatsApp number from the Elementor form?
Just add a field in your Elementor form labeled as “Phone” or “WhatsApp Number” and ensure users enter the number in international format (e.g., +14151234567). This number is used to send the message.

 

Can I test the automation before going live?
Yes, you should. After setting everything up, submit the form yourself using a test number. If mapped correctly, you’ll receive the WhatsApp message instantly. This helps confirm the webhook and template settings are working.

 

Can I use this with other form builders like WPForms or Contact Form 7?
Yes. As long as your form supports webhook functionality, you can use BotSailor’s Webhook Workflow to send WhatsApp messages. This documentation just focuses on Elementor for clarity.

 

What happens if the phone number is not valid or not on WhatsApp?
If the number is not registered on WhatsApp or incorrectly formatted, the message will fail silently. Always validate and instruct users to enter a WhatsApp number in the correct international format.

 

Can I trigger a WhatsApp Flow (multi-step form) instead of just a message?
Yes. Inside BotSailor’s webhook workflow, you can attach a WhatsApp Flow (created in Bot Manager) to the template. Once the message is sent, clicking the CTA can trigger the flow seamlessly.

 

Will users automatically become WhatsApp subscribers in BotSailor after form submission?
If the user replies to the message, they will be captured as a WhatsApp subscriber inside BotSailor, enabling further automation or future broadcasts.

 

Is coding required to set this up?
Not at all. BotSailor’s webhook integration and Elementor’s no-code form builder make the process completely beginner-friendly. You just need to follow the setup steps and test.